<template>
 <div>
<div class="register_con">
    <div class="l_con fl">
        <a class="reg_logo"><img src="images/logo.png"></a>
        <div class="reg_slogan">商品美 · 种类多 · 欢迎光临</div>
        <div class="reg_banner"></div>
    </div>

    <div class="r_con fr">
        <div class="reg_title clearfix">
            <h1>用户注册</h1>  
            <a href="/login.html">登录</a>
        </div>
        <div class="reg_form clearfix" id="app" v-cloak>
            <form>
                <ul>
                    <li>
                        <label>用户名:</label>
                        <input type="text" v-model="username"  name="user_name" id="user_name">
                       
                    </li>
                    <li>
                        <label>密码:</label>
                        <input type="password" v-model="password1"  name="pwd" id="pwd">
                        
                    </li>
                    <li>
                        <label>确认密码:</label>
                        <input type="password" v-model="password2"  name="cpwd" id="cpwd">
                        
                    </li>
                    <li>
                        <label>手机号:</label>
                        <input type="text" name="phone" v-model="mobile"  id="phone">
                        <span  class="error_tip">您输入的手机号格式不正确</span>
                    </li>
                    <li>
                        <label>邮箱 :</label>
                        <input type="text"  name="msg_code" id="msg_code" class="msg_input">
                        
                    </li>
                    <li class="agreement">
                        <input type="checkbox"  name="allow" id="allow" checked="checked">
                        <label>同意”美多商城用户使用协议“</label>
                       
                    </li>
                    <li class="reg_sub">
                        <input type="button" value="注 册" name="" @click="register">
                    </li>
                </ul>
            </form>
        </div>

    </div>

</div>
<myfooder>
</myfooder>
 </div>
</template>

<script>
import myfooder from '../components/Fooder'
 export default {
      components: {
       'myfooder': myfooder
        },
        data () {
            return {
                username:'',
                password1:'',
                password2:'',
                mobile:'',
                email:'',
                base_url:'http://127.0.0.1:8000'

            }
        },
        methods:{
            register:function(){
                console.log(this.username, this.password1, this.password2, this.mobile, this.email)
            }
        }
        
        }
</script>

<style>

 
</style>
